.article_detail {
  display: flex;

  .article_detail_left {
    width: calc(100% - 300px - 20px);
    background: var(--bg-second);

    .article_detail_left_top_img {
      width: 96%;
      height: 96%;
      margin-top: 2%;
      margin-left: 2%;
    }

    .article_detail_left_title {
      width: 100%;
      height: 100px;
      text-align: center;
      margin-top: 20px;

      h1 {
        color: var(--main-text-color);
        font-size: 45px;
      }

      p {
        color: var(--main-text-color);
        margin-top: -20px;
      }
    }

    .article_detail_right_dangerouslySetInnerHTML {
      color: var(--main-text-color);
      text-indent: 1em;

      h1 {
        color: var(--main-text-color);
        margin-top: 10px;
      }

      h2 {
        color: var(--main-text-color);
        text-decoration: none;
        border-bottom: 1px solid #d1e9ff;
        margin-top: 10px;
      }
      p{

        margin-top: 10px;
      }
      ul {
        margin-top: 10px;

        li {
          a {
            text-decoration: none;
            color: #0269c8;
            border-bottom: 1px solid #d1e9ff;
          }
        }
      }
    }

  }
}
